<template>
  <div>
    <myhead title="广播">
      <template #right>
        <img
          class="leftImg"
          src="../../assets/images/ic_status_search_user.png"
          alt=""
        />
      </template>
      <template #left>
        <img
          class="rightImg"
          src="../../assets/images/ic_chat_green.png"
          alt=""
        />
      </template>
    </myhead>
    <broadcastitem :arr="newarr">
      <div>
        <div class="box">
            <img src="../../assets/images/user_normal.jpg" alt="">
            登录发广告
        </div>  
        <div class="dou" v-for="(item, index) in newarr" :key="index">
             <img :src="item.img_url" alt="">
            <div class="ban">
                {{ item.title }}<span>写了日记</span>
                <p>{{item.time}}</p>
            </div>
            <div class="db">
              {{item.topic_title}}
            </div>
        </div>
         <div class="dou" v-for="(item, index) in newarr" :key="index">
             <img :src="item.img_url" alt="">
            <div class="ban">
                {{ item.title }}<span>写了日记</span>
                <p>{{item.time}}</p>
            </div>
            <div class="db">
              {{item.topic_title}}
            </div>
        </div>
         <div class="dou" v-for="(item, index) in newarr" :key="index">
             <img :src="item.img_url" alt="">
            <div class="ban">
                {{ item.title }}<span>写了日记</span>
                <p>{{item.time}}</p>
            </div>
            <div class="db">
              {{item.topic_title}}
            </div>
        </div>
      </div>
    </broadcastitem>
  </div>
</template>

<script>
import myhead from "../../components/Header/head";
import broadcastitem from "./broadcastitem";
export default {
  data() {
    return {
      newarr: [],
    };
  },
  mounted() {
    this.$axios.get("../../../static/data/radio.json").then((res) => {
    //   console.log(res.data.radio_list);
      this.newarr = res.data.radio_list;
    });
  },
  components: { myhead,broadcastitem },
};
</script>

<style>
</style>